/* 全局配色方案 */
:root {
  /* 主要配色 */
  --primary-light: #e3fdfd;    /* 最浅的蓝绿色 */
  --primary-medium-light: #cbf1f5;  /* 中等浅色 */
  --primary-medium: #a6e3e9;   /* 中等色 */
  --primary-dark: #71c9ce;     /* 最深的青绿色 */

  /* 背景色 */
  --bg-primary: var(--primary-light);
  --bg-secondary: var(--primary-medium-light);
  --bg-tertiary: var(--primary-medium);

  /* 文字颜色 */
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-muted: #999999;

  /* 边框颜色 */
  --border-light: var(--primary-medium-light);
  --border-medium: var(--primary-medium);

  /* 阴影颜色 */
  --shadow-color: rgba(113, 201, 206, 0.1);
}

/* 全局背景色 */
body {
  background-color: white !important;
}

/* 主要内容区域背景 */
.main-content {
  background-color: white;
}

/* 卡片背景 */
.n-card {
  background-color: white !important;
  border: 1px solid var(--border-light) !important;
}

/* 按钮样式 */
.n-button--primary-type {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}

.n-button--primary-type:hover {
  background-color: var(--primary-medium) !important;
  border-color: var(--primary-medium) !important;
}

/* 标签样式 */
.n-tag--primary-type {
  background-color: var(--primary-medium-light) !important;
  color: var(--primary-dark) !important;
  border-color: var(--primary-medium) !important;
}

/* 输入框样式 */
.n-input {
  border-color: var(--border-light) !important;
}

.n-input:focus {
  border-color: var(--primary-dark) !important;
}

/* 选择器样式 */
.n-select {
  border-color: var(--border-light) !important;
}

.n-select:focus {
  border-color: var(--primary-dark) !important;
}

/* 模态框样式 */
.n-modal {
  background-color: white !important;
}

/* 下拉菜单样式 */
.n-dropdown-menu {
  background-color: white !important;
  border: 1px solid var(--border-light) !important;
}

/* 悬浮按钮样式 */
.n-float-button--primary-type {
  background-color: var(--primary-dark) !important;
}

.n-float-button--primary-type:hover {
  background-color: var(--primary-medium) !important;
}

/* 说说卡片特殊样式 */
.talk-card {
  background-color: white !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: 0 2px 8px var(--shadow-color) !important;
}

/* 头部样式 */
.n-layout-header {
  background-color: white !important;
  border-bottom: 1px solid var(--border-light) !important;
}

/* 底部样式 */
.n-layout-footer {
  background-color: white !important;
  border-top: 1px solid var(--border-light) !important;
}

/* 导航菜单样式 */
.n-menu {
  background-color: transparent !important;
}

.n-menu-item {
  color: var(--text-primary) !important;
}

.n-menu-item:hover {
  background-color: #f5f5f5 !important;
}

.n-menu-item--selected {
  background-color: var(--primary-medium-light) !important;
  color: var(--primary-dark) !important;
}

/* 分页样式 */
.n-pagination {
  background-color: white !important;
}

.n-pagination-item--active {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}

/* 加载样式 */
.n-spin {
  color: var(--primary-dark) !important;
}

/* 消息提示样式 */
.n-message {
  background-color: white !important;
  border: 1px solid var(--border-light) !important;
}

/* 对话框样式 */
.n-dialog {
  background-color: white !important;
}

/* 表格样式 */
.n-data-table {
  background-color: white !important;
}

.n-data-table th {
  background-color: #f5f5f5 !important;
}

/* 表单样式 */
.n-form-item-label {
  color: var(--text-primary) !important;
}

/* 链接样式 */
a {
  color: var(--primary-dark) !important;
}

a:hover {
  color: var(--primary-medium) !important;
}
